@font-face{
    font-family: 'mundial';
    src : url('../font/MundialLight.otf');
}
body{
	font-family:'mundial', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	background-color: hsl(var(--background));
    color: hsl(var(--foreground));
}

.w-5 {
    width: 1.25rem;
}

.h-5 {
    height: 1.25rem;
}
.w-4 {
    width: 1rem;
}
.h-4 {
    height: 1rem;
}
.o-page{
	max-width: 840px;
    padding:1.5rem 1rem;
    margin:0 auto;
    .o-title{
    	--tw-text-opacity: 1;
    	color: rgb(51 51 51 / var(--tw-text-opacity));
    	font-weight: 600;
    	font-size: 1.5rem;
    	line-height: 2rem;
    	margin-top:1.5rem;
    }
    .c-title{
    	--tw-text-opacity: 1;
    	color: rgb(51 51 51 / var(--tw-text-opacity));
    	font-size: 1.25rem;
    	line-height: 1.75rem;
    	font-family: MundialDemibold;
    	padding-top:0.75rem;
    }
    .c-m{
    	margin: 1.5rem 0rem 0rem 0rem;	
    }
    .o-des{
    	font-size: 1.25rem;
    	line-height: 1.75rem;
    	padding:0rem 0rem;
    	p{
    		margin-top:0.20rem;
            

            img{
                vertical-align: text-bottom;
            }            
    		span{
    			color: #f38320;
    			font-weight: 700;
    		}
    	}
    }
    .itinerary{
    	padding-top:0.75rem;
        .list-box{
            .des{
                margin-top:1.5rem;
                font-family: MundialDemibold;
                --tw-text-opacity: 1;
                color: rgb(86 91 94 / var(--tw-text-opacity))
            }
            .list{

                border:1px solid #e5e7eb;
                margin-top: 1rem;
                margin-bottom: 0em;
                border-radius:.5rem;
                .item{
                    &:first-child{
                        border-bottom:1px solid #e5e7eb;
                        // display: flex;

                        display: -webkit-box;
                        -webkit-box-pack: justify;
                        -webkit-box-align:center;
                    }

                    &:nth-child(2){
                         display: -webkit-box;
                        -webkit-box-orient: horizontal;
                       
                        -webkit-box-align: center;
                      
                        -webkit-box-pack: justify;
                    }

                   
                    
                    padding: .75rem 1.5rem;

                    .name{
                        color: #f38320;
                        // display: flex;
                        // align-items: center;

                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                       
                        -webkit-box-align: center;
                      
                        -webkit-box-pack: center;
                    
                        font-weight: 600;
                        padding:.25rem 0rem;
                        line-height:1.25rem;
                        vertical-align:middle;
                        svg{
                            font-size: 0px;
                            vertical-align: bottom;
                        }
                        .lucide-arrow-right{
                            margin:0 .5rem;
                        }
                    }
                    .day{
                        color:#0c0a09;
                        padding:.25rem 0rem;
                    }
                    .s-btn-box{
                        // display:flex;
                        // justify-content:flex-end;
                        // align-items:center;

                        display: -webkit-box;
                        -webkit-box-pack: end;
                        -webkit-box-align:center;
                        .s-btn{
                            font-weight: 700;
                            color:#f38320;
                            font-size: 12px;
                            border:1px solid #f38320;
                            padding:.25rem 1.25rem;
                            border-radius: .4rem;
                        }
                    }
                    .s-time{
                        // display: flex;
                        // flex-direction: column;
                        h4{
                            font-weight: normal;
                            font-size: 1.25rem;
                            line-height: 1.75rem;
                            .sp-1{
                                font-weight: 700;
                            }
                            
                        }
                        .st-2{
                            color:#78716c;
                             font-size: 12px;
                        }
                    }
                    .e-time{
                        // display:flex;
                       display: -webkit-box;
                        -webkit-box-pack: end;
                        -webkit-box-align:center;
                        .st-1{
                            // display: flex;
                            // flex-direction: column;


                            h4{
                                font-weight: normal;
                                font-size: 1.25rem;
                                line-height: 1.75rem;
                                .sp-1{
                                    font-weight: 700;
                                }
                                
                            }
                            .st-1-des{
                                color:#78716c;
                                 font-size: 12px;
                            }
                        }
                        .st-2{
                            margin-left:10px;
                            // display: flex;
                            // align-items: center;

                            display: -webkit-box;
                            -webkit-box-pack: end;
                            -webkit-box-align:center;
                            color: #78716c;
                            font-size:12px;
                            .lucide-plane-takeoff{
                                margin-right:5px;
                            }
                        }

                    }
                    .line{
                        padding:0rem 2rem 0rem .5rem;
                        text-align: center;

                        .l-1{
                            .hr-box{
                                position: relative;
                                img{
                                    position: absolute;
                                    top:50%;
                                    left:50%;
                                    transform: translate(-50%,-50%);
                                    padding:4px;
                                    background: #ffffff;
                                }

                            }
                        }
                        .l-2{
                            color:#78716c;
                            font-size:12px;
                        }
                    }
                    .detail{
                        
                        display: -webkit-box;
                        -webkit-box-pack: end;
                        -webkit-box-align:center;
                        color: #f38320;
                       

                        // height: 100%;
                        // align-items: center;
                        line-height: 100%;
                        // margin-top: 1rem;
                        vertical-align:middle; 
                    }

                    



                }
            }
        }
    	
    }
    .passengers{
        padding-top:0.75rem;
        

        .list{

            .item{
                background-color: white;
                border: 1px solid rgb(225, 231, 234);
                border-radius: 12px;
                cursor: pointer;
                margin-top:1.5rem;
              .pa-1{
                padding:.75rem 1rem;
                

                display: -webkit-box;
                    -webkit-box-pack: justify;
                    -webkit-box-align:center;
                --tw-border-opacity: 1;
                
                border-color: rgb(209 213 219 / var(--tw-border-opacity));
                .name-box{
                    

                    display: -webkit-box;
                    -webkit-box-pack: start;
                    -webkit-box-align:center;
                    .tag{
                        &.noclass{
                            background-color:#ffffff;
                            color: #bbb;
                        }

                        display: -webkit-box;
                    -webkit-box-pack: center;
                    -webkit-box-align:center;
                        width: 42px;
                        height: 42px;
                        background-color: #f38220;
                        border-radius: .4rem;
                        color: #fff;
                    }
                    .name{
                         margin:0 1.75rem;
                        span{
                                font-weight: 700;

                        }
                    }
                }
                .icon{

                }
              }
              .pa-2{
                padding:0.625rem;
                padding:.75rem 1rem 1.5rem 1rem;
                border-top:1px solid #ddd;
                .pa-2-title{
                    --tw-text-opacity: 1;
                    color: rgb(51 51 51 / var(--tw-text-opacity));
                    font-size:14px;
                    font-weight: 600;
                }
                .pa-2-des{
                    
                    display: -webkit-box;
                    -webkit-box-pack: justify;
                    -webkit-box-align:center;
                    .pa-2-des-item{
                        .t{
                            margin-top: 10px;
                            color: rgb(113, 114, 116);
                        }
                        .des{
                            margin-top:4px;
                        }   
                    }
                }
              }   
            }
        }
    }
    .contact{
        padding-top:0.75rem;
        

        .list{

            .item{
                background-color: white;
                border: 1px solid rgb(225, 231, 234);
                border-radius: 12px;
                cursor: pointer;
                margin-top:1.5rem;
              .pa-1{
                padding:1.25rem 1rem;
                

                display: -webkit-box;
                    -webkit-box-pack: justify;
                    -webkit-box-align:center;
                --tw-border-opacity: 1;
                
                border-color: rgb(209 213 219 / var(--tw-border-opacity));
                .name-box{
                    display: -webkit-box;
                    -webkit-box-pack: start;
                    -webkit-box-align:center;
                    .tag{
                       

                        display: -webkit-box;
                        -webkit-box-pack: center;
                        -webkit-box-align:center;
                        width: 42px;
                        height: 42px;
                        background-color: #f38220;
                        border-radius: .4rem;
                        color: #fff;
                    }
                    .name{
                         margin:0 1.75rem;
                        span{
                                font-weight: 700;

                        }
                    }
                }
                .icon{

                }
              }
              .pa-2{
                padding:0.625rem;
                padding:.75rem 1rem 1.5rem 1rem;
                display: flex;
                border-top:1px solid #ddd;
               

                flex-direction:column;

                display: -webkit-box;
                -webkit-box-orient: vertical;
                // -webkit-box-pack: center;
                // -webkit-box-align:center;

                .li{
                    display: -webkit-box;
                   
                    margin-top:11px;
                    line-height:1.5rem;
                    .name{
                        color: #717274;
                        font-size:14px;
                        margin-right:2.75rem;
                        width: 140px;
                    }
                    .des{
                        color:#333333;

                    }
                }
              }   
            }
        }
    }
    .extra{
        padding-top:0.75rem;
        

        .list{
            .item-box{
                border: 1px solid rgb(225, 231, 234);
                border-radius: 12px;
                cursor: pointer;
                margin-top:1.5rem;
                padding:.0rem 1rem 1.75rem 1rem;
                .item-title{
                   padding:1rem 1rem; 
                   // display:flex;
                   // align-items:center;
                   // justify-content:space-between;

                   display: -webkit-box;
                        -webkit-box-pack: justify;
                        -webkit-box-align:center;
                   .left{
                    // display:flex;
                    // align-items:center;

                    display: -webkit-box;
                    -webkit-box-align:center;
                    .icon{
                        margin-right:1.75rem;
                       }
                       .con{
                            .name{
                                // font-size: 14px;
                                font-weight: 700;
                            }
                            .des{
                                color: #717274;
                                margin-top: 10px;
                            }
                       }
                    }
                    .right{
                        // display: flex;
                        // align-items: center;
                        display: -webkit-box;
                        -webkit-box-align:center;
                        .icon{
                            width: 14px;
                            height: 14px;
                            font-size:0px;
                            margin-right:2px;
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .mod{
                            font-weight: 700;
                            color: #f38320;
                            text-decoration: underline  #f38320;
                        }
                    }
                }

                   
                .item{
                    background-color: white;
                    border: 1px solid rgb(225, 231, 234);
                    border-radius: 12px;
                    cursor: pointer;
                    // margin-top:1.5rem;
                      .pa-1{
                        padding:.75rem 1rem;
                        // display:flex;
                        // justify-content:space-between;

                        // align-items:center;

                        display: -webkit-box;
                        -webkit-box-pack: justify;
                        -webkit-box-align:center;
                        --tw-border-opacity: 1;
                        border-bottom:1px solid #ddd;
                        border-color: rgb(209 213 219 / var(--tw-border-opacity));
                        .name-box{
                            // display:flex;
                            // align-items:center;

                            display: -webkit-box;
                            -webkit-box-pack: justify;
                            -webkit-box-align:center;
                            
                            .name{
                                 margin:0 1rem;
                                span{
                                        font-weight: 700;

                                }
                            }
                        }
                        .icon{

                        }
                      }
                      .pa-2{
                        
                        padding:1rem 1rem 1.5rem 1rem;
                        // display: grid;
                        // flex-direction: column;
                        // row-gap: 20px;

                        display: -webkit-box;
                        -webkit-box-orient:vertical;
                        // -webkit-box-pack: justify;
                        // -webkit-box-align:center;
                        .li{
                            // display:grid;
                            // grid-template-columns: 1fr 5fr 5fr;
                            // align-items:center;
                            margin-top:15px;

                            display: -webkit-box;
                    
                            -webkit-box-pack: justify;
                            -webkit-box-align:center;
                            
                            // .name{
                            //     color: #bbb;
                            //     width: 10%;
                            // }

                            .name{
                                &.noclass{
                                    background-color:#ffffff;
                                    color: #bbb;
                                }

                                display: -webkit-box;
                                -webkit-box-pack: center;
                                -webkit-box-align:center;
                                width: 42px;
                                height: 42px;
                                background-color: #f38220;
                                border-radius: .4rem;
                                color: #fff;
                            }
                            .des{
                                width: 40%;
                                margin-left:40px;
                                .des-1{
                                    font-weight: 700;

                                }
                                .des-2{
                                    color: #717274;
                                    margin-top:7px;
                                }
                            }
                            .num{
                                width:60%;
                                &.assign{
                                    color: #f38320;
                                }
                                .num-1{

                                }
                                .num-2{
                                    color: #717274;
                                    margin-top:7px;
                                }
                            }
                        }
                        
                  }   
                }
            }
            
        }
    }
    .c-info{
       padding-top:0.75rem; 
       .con{
            padding:20px 10px;
            .con-t{

                color: #f38320;
                font-size:18px;
                font-weight: 700;
                margin-bottom:10px;
            }
            .con-des{
                line-height:25px;
            }
            .phone{
                
                .item{
                    display: -webkit-box;
                        // -webkit-box-orient:vertical;
                        // -webkit-box-pack: justify;
                        // -webkit-box-align:center;
                    // display:grid;
                    // grid-template-columns: 1fr 4fr;
                    .name{
                        line-height:25px;
                        width: 150px;
                    }
                    .num{
                        line-height:25px;
                    }
                }
            }
       }
    }


    .payment{

    
        .list{

            .item{
                background-color: white;
                border: 1px solid rgb(225, 231, 234);
                border-radius: 12px;
                cursor: pointer;
                margin-top:1.5rem;
              .pa-1{
                padding:.75rem 1rem;
                // display:flex;
                // justify-content:space-between;

                // align-items:center;

                display: -webkit-box;
                        // -webkit-box-orient:vertical;
                        -webkit-box-pack: justify;
                        -webkit-box-align:center;
                --tw-border-opacity: 1;
                
                border-color: rgb(209 213 219 / var(--tw-border-opacity));
                .name-box{
                    // display:flex;
                    
                    // flex-direction:column;

                    display: -webkit-box;
                        -webkit-box-orient:vertical;
                        // -webkit-box-pack: justify;
                        // -webkit-box-align:center;
                    
                    .name{
                         // margin:0 1.75rem;
                        span{
                                font-weight: 700;

                        }
                    }
                    .num{
                        margin-top:5px;
                        font-weight: 700;
                    }
                }
                .icon{

                }
              }
              .pa-2{
                padding:0.625rem;
                padding:.75rem 1rem 1.5rem 1rem;
                border-top:1px solid #ddd;
                // display: flex;
                // row-gap:11px;

                // flex-direction:column;

                display: -webkit-box;
                        -webkit-box-orient:vertical;
                        // -webkit-box-pack: justify;
                        // -webkit-box-align:center;

                .li{
                    margin-top:11px;
                    
                    line-height:1.5rem;
                    display: -webkit-box;
                    .name{
                        width: 150px;
                        color: #717274;
                        font-size:14px;
                        margin-right:2.75rem;
                    }
                    .des{
                        color:#333333;

                    }
                }
              }   
            }
        }
    }
    .footer{
        text-align: center;
        margin-top: 60px;
        .f-1{
            color:#bbb;
            font-weight: 700;
            padding:10px 0px; 
        }
        .f-2{
            font-weight: 700;
            
            color:#717274;
        }
    }

   
	
    
}
